body {
    background: #fff;
}



.head {
    height: 128px;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}



.head_content {
    height: 100%;
}



.welcome {
    height: 45px;
    background: #F5F5F5;
    line-height: 45px;
}



.welcome .fl,



.welcome i {
    font-size: 14px;
    color: #666;
}







.head_t_box {



    background: #F7F7F7;



    line-height: 35px;



}







.head_top {



    height: 35px;



    justify-content: space-between;



    align-items: center;



}







.head_t_left {
    font-size: 12px;
    color: #666666;
}



.head_t_right ul li {



    border-right: 2px dashed #666666;



    color: #666666;



    font-size: 12px;



    text-align: center;



    padding: 0 10px;



    height: 25px;



    margin: 5px 0;



    line-height: 25px;



}



.m_head,
.m_Partner,
.m_whole,
.m_footer,
.db_hei {
    display: none;
}



.head_t_right ul li:last-child {



    border: none;



}







.head_t_right ul li a {



    color: inherit;



    font-size: inherit;



}







.logo {
    display: block;
}



.nav_box {
    height: 64px;
    background: #00323C;
    background-size: 100% 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
}



.nav {
    height: 100%
}



.nav ul {
    height: 100%;
}



.nav ul>li {
    height: 100%;
    position: relative;
    width: 110px;
    position: relative;
}



.nav ul>li::after {



    content: '';
    display: block;
    height: 4px;



    width: 0;
    background: #0248f8;
    bottom: 0;



    left: 0;
    position: absolute;



    transition: width 0.5s;



}



.nav ul>li:hover::after {
    width: 100%;
    transition: width 0.5s;
}



.nav li {
    text-align: center;
}



.nav ul>li>a {
    padding: 0 5px;
    font-size: 16px;
    position: relative;
    color: #fff;
    line-height: 60px;
}



.nav a {
    display: block;
    color: #333;
    font-size: 16px;
    height: 100%;
}



.nav_En {
    font-size: 12px;
    color: #A0CBFB;
    padding-top: 3px
}



.gzhewm {
    padding: 15px;
    background: #fff;
    z-index: 99;
    width: 155px;
    height: 155px;
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}



.gzhewm::after {



    content: '';
    display: block;



    width: 0;
    height: 0;
    border: 5px solid #fff;



    border-bottom-color: transparent;



    border-right-color: transparent;



    transform: rotate(45deg) translateX(-50%);



    position: absolute;
    top: 0px;



    left: 50%;



}



.nav ul>li.show_ewm:hover .gzhewm {
    display: block
}



.ewm_img {
    width: 95px;
    height: 95px;
    border: 1px solid #0248f8;
    padding: 3px;
    margin: 0 auto
}



.gzhewm p {
    font-size: 12px;
    color: #666;
    line-height: 1.8
}











.twoMenu {
    display: none;
    background: #fff;
    position: absolute;
    left: -50%;
    width: 490px;
    box-shadow: 0 0 15px #ddd;
    margin-left: -245px;
    top: 57px;
    padding-bottom: 20px;
    z-index: 99
}



.twoMenu li {
    padding: none;
}



.twoMenu li:hover {
    background: #252a83;
}



.twoMenu li:hover a {
    color: #fff;
}



.twoMenu a {
    background-image: none;
    font-size: 14px;
    padding-left: 28px;
    text-align: left;
}



.twoMenu_list {
    width: 205px;
}



.twoMenu_list li {
    height: 50px;
}



.twoMenu_list li+li {
    border-top: 1px solid #ddd;
}



.twoMenu_list li a {
    line-height: 50px;
}



.twoMenu_list li:hover {
    background: #00922C
}



.twoMenu_list li:hover a {
    color: #fff !important;
}



/* .tel_icon{display:inline-block;width:35px;height:35} */



.head_ewm {
    padding-top: 20px;
}



.head_ewm img {
    width: 85px;
}



.head_tel {
    text-align: left;
    position: relative;
    padding-left: 45px;
    background: url(../images/tel_icon.png) no-repeat left center;
    margin-left: 15px;
    margin-top: 30px
}



.head_tel p {
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #333333
}



.head_tel p span {
    color: #095AB5;
    font-size: 24px;
    display: block;
    font-weight: bold
}



.search {
    position: absolute;
    right: 0;
    top: 0
}



.search_btn {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #00922C url(../images/search.png) no-repeat center;
    cursor: pointer;
}



.twoMenu_list_right {
    padding: 20px 25px 20px 5px;
    position: absolute;
    right: 0;
    top: 0
}



.twoMenu_list_info {
    font-size: 12px;
    color: #666
}



.lang {
    width: 100px;
    background: #fff;
    border-radius: 50px;
    height: 30px;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    margin-top: 13px;
}



.lang span {
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    color: #333;
    font-size: 14px;
    background: url(../images/arrow-up.png) no-repeat 98% center;
    ;
}



.lang ol {
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    padding: 10px 0 10px 15px;
    background: #fff;
    z-index: 99;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
    text-align: left;
    display: none;
}



.lang ol a {
    line-height: 30px;
    text-align: left;
}











.banners {
    position: relative;
}



.banners .swiper-pagination,
.cooperation .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px
}



.banners .swiper-pagination {
    bottom: 125px;
}



.swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 10px;
}



.banners .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    opacity: 1;
    background: #fff;
    border: 2px solid #fff;
    outline: none;
}



.banners .swiper-pagination-bullet-active,



.cooperation .swiper-pagination-bullet-active {
    background: transparent
}



.banners .swiper-button-next,
.banners .swiper-button-prev {
    background-color: rgba(0, 0, 0, .5);
    width: 55px;
    height: 55px;
    background-size: 15px
}



.banners_entrance {
    height: 115px;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}



.banners_entrance li {
    background: url(../images/rk_bg_03.jpg);
    border-radius: 5px;
    height: 100%;
}



.banners_entrance li:hover {
    background: url(..../images/btn_bg_03.jpg)
}



.banners_entrance li a {
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 100%;
}



.banner_enInfo {
    font-size: 30px;
    padding-left: 12px;
}



.banner_enInfo p {
    font-size: 14px;
}







/**/



.hot-mobile {



    position: relative;



    background: #FFFFFF;



    height: 204px;



}



.hot-mobile ul {



    height: 204px;



    padding: 64px 0px;



    width: 1200px;



    margin: 0 auto;



    position: absolute;



    top: -50px;



    left: 50%;



    transform: translateX(-50%);



    z-index: 99;



    background: #FFFFFF;



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 0 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 10px;



}



.hot-mobile ul li {



    width: 24%;



    display: inline-block;



}



.hot-mobile ul li .number {



    position: relative;



    line-height: 42px;



    font-size: 36px;



    color: #666666;



    letter-spacing: 0;



    text-align: center;



}



.hot-mobile ul li .number .counter {



    position: relative;



}



.hot-mobile ul li .number .sup {



    display: inline-block;



    position: relative;



    top: -20px;



    left: 0px;



    color: #0248f8;



    font-size: 20px;



}



.hot-mobile ul li .type {



    text-align: center;



    font-family: PingFangSC-Light;



    font-size: 16px;



    color: #999999;



    letter-spacing: 0;



    line-height: 28px;



}







/*下单*/



.immediatelyOrder {



    position: relative;



    background-color: #fff;







    padding-bottom: 60px;



    padding-top: 70px;



    z-index: 0;
    height: 490px;
    background: #F5F5F5;
    overflow: hidden
}



.immediatelyOrder .i-left {



    position: relative;



    display: inline-block;







    width: 100%;





}



.immediatelyOrder .i-left .i-content {



    z-index: 2;



    position: relative;



    margin: 0 auto;



    width: 1200px;





}



.immediatelyOrder .i-left .i-content .c-left {



    padding-left: 73px;
    float: left
}



.immediatelyOrder .i-left .i-content .c-left .l-Title {



    width: 520px;



    padding: 62px 0px 32px 0px;



    font-size: 22px;



    color: #666666;



    text-align: justify;



    line-height: 26px;



}



.immediatelyOrder .i-left .i-content .c-left ul {



    padding-bottom: 59px;



}



.immediatelyOrder .i-left .i-content .c-left ul li {



    display: inline-block;



    padding-right: 84px;



}



.immediatelyOrder .i-left .i-content .c-left ul li p {



    font-size: 18px;



    color: #2A2A2A;



    text-align: justify;



    line-height: 27px;



    font-weight: 500;



}



.immediatelyOrder .i-left .i-content .c-left ul li p span {



    font-size: 14px;



    color: #2A2A2A;



    text-align: justify;



}



.immediatelyOrder .i-left .i-content .c-left ul li span {



    font-size: 12px;



    color: #999999;



    text-align: justify;



}



.immediatelyOrder .i-left .i-content .c-left a {



    display: inline-block;



}



.immediatelyOrder .i-left .i-content .c-left a .retrunOrder {



    width: 160px;



    height: 48px;



    background-color: #fff;



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 34px;



    padding-left: 28px;



}



.immediatelyOrder .i-left .i-content .c-left a .retrunOrder span {



    font-size: 16px;



    line-height: 48px;



    color: #999999;



}



.immediatelyOrder .i-left .i-content .c-left a .retrunOrder .arrowsTheme {



    margin-left: 14px;



    display: inline-block;



    background-image: url(../images/arrowsMini.png);



    background-size: contain;



    width: 20px;



    height: 12px;



}



.immediatelyOrder .i-left .i-content .i-right {



    position: absolute;



    right: 0px;



    top: 30px;



    z-index: 99;



    width: 556px;



    height: 348px;



    background-color: #fff;



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 10px;



    padding: 40px 90px 0px 90px;



}



.immediatelyOrder .i-left .i-content .i-right .t-title {



    font-size: 20px;



    color: #333333;



    line-height: 24px;



    margin-bottom: 20px;



}



.immediatelyOrder .i-left .i-content .i-right input {



    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



    border-radius: 4px;



    width: 376px;



    height: 40px;



    margin-bottom: 20px;



    padding-left: 20px;



    background: #F5F5F5;



    -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



    -moz-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



    -ms-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



    -o-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



    -webkit-border-radius: 4px;



    -moz-border-radius: 4px;



    -ms-border-radius: 4px;



    -o-border-radius: 4px;



}



.immediatelyOrder .i-left .i-content .i-right .t-vcode {



    width: 266px;



    display: inline-block;



    margin-bottom: 0px;



    vertical-align: top;



}



.immediatelyOrder .i-left .i-content .i-right .t-getvcode {



    display: inline-block;



    padding-left: 8px;



    width: 102px;



    height: 40px;



    border: 1px solid #eee;



    border-radius: 4px;



    font-size: 14px;



    text-align: center;



    color: #0248f8;



    line-height: 40px;



    cursor: pointer;



    margin-bottom: 0px;



}



.immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder {



    margin-top: 20px;



    cursor: pointer;



    width: 376px;



    height: 48px;



    background-color: #0248f8;



    text-align: center;



    line-height: 48px;



    font-size: 16px;



    color: #FFFFFF;



    border-radius: 4px;



    border: none;



    -webkit-border-radius: 4px;



    -moz-border-radius: 4px;



    -ms-border-radius: 4px;



    -o-border-radius: 4px;



}







.box-top {



    text-align: center;



    padding: 30px 0;



}



.box-top h3 {



    font-size: 32px;



    color: #0248f8;



}



.box-top h3 span {



    font-size: 32px;



    font-weight: bold;



    color: #0248f8;



}



.box-top i {



    display: inline-block;



    height: 2px;



    width: 60px;



    background: #f21439;



    margin-bottom: 5px;



}



.box3 ul {



    clear: both;



    overflow: hidden;



}



.box3 ul li {



    float: left;



    width: 25%;



    text-align: center;



    margin-bottom: 20px;



}



.box3 ul li .img {



    margin: 0 auto;



    display: flex;



    justify-content: center;



    align-items: center;



    width: 120px;



    height: 106px;



    border-radius: 4px;



}



.box3 ul li h3 {



    text-align: center;



    font-size: 18px;



    margin-top: 10px;



}



.showFigure {



    margin-top: 30px;



    width: 100%;



    overflow: hidden;



}



.showFigure ul {



    width: 1200px;



    margin: 0 auto;



}



.showFigure li {



    margin-left: 20px;



    width: 380px;



    text-align: left;



    float: left;



    margin-bottom: 30px;



    box-shadow: 0 0 10px #eee;



    position: relative;
    top: 0;



    transition: top 0.5s;



}



.showFigure li:hover {



    top: -10px;



    transition: top 0.5s;



}



.showFigure li>p:first-child {



    padding: 0;



    width: 100%;



    height: 240px;



    overflow: hidden;



}



.showFigure li img {



    width: 380px;



    height: 240px;



    display: block;



    transition: 0.4s linear;



    top: 0;



    position: relative;



    left: 0;



}



.showFigure li p.bold {



    padding-top: 30px;



    padding-bottom: 6px;



    font-weight: 700;



    font-size: 20px;



    color: #333;



}



.showFigure li p {



    font-size: 14px;



    background: #fff;



    color: #555;



    padding: 15px;



    overflow: hidden;



}



.showFigure li img:hover {



    -webkit-transform: scale(1.1);



    -moz-transform: scale(1.1);



    -ms-transform: scale(1.1);



    -o-transform: scale(1.1);



    transform: scale(1.1);



}



.aboutCompany {



    width: 100%;



    height: 410px;



    background-image: url(../images/aboutusSDXbottom2.png);



    background-size: 100% 100%;



    margin-bottom: 60px;



    position: relative;



}



.aboutCompany .marginBox {



    height: 410px;



    margin: 0 auto;



    position: relative;



}



.aboutCompany .box {



    height: 300px;



    background-color: #0248f8;



    border-radius: 12px;



    position: relative;



    top: 60px;



    left: 60px;



    width: 870px;



    padding-left: 80px;



    padding-right: 80px;



    padding-top: 48px;



}



.aboutCompany .box .a-title {



    font-size: 20px;



    color: #FFFFFF;



    letter-spacing: 0;



    line-height: 24px;



    padding-bottom: 20px;



}



.aboutCompany .box .a-content {



    font-size: 14px;



    color: #FFFFFF;



    letter-spacing: 0;



    text-align: justify;



    line-height: 24px;



}



.aboutCompany .box .aboutArrows {



    position: absolute;



    right: -140px;



    bottom: 0px;



    background: #FFFFFF;



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 34px;



    height: 48px;



    width: 130px;



    line-height: 48px;



    font-size: 16px;
    text-align: center;



    color: #0248f8;



}







.maintianInformation .headline {



    font-size: 24px;



    color: #212121;



    text-align: center;



    font-weight: 500;



    padding-top: 70px;



    padding-bottom: 6px;



    line-height: 33px;



}



.maintianInformation .subheadline {



    font-size: 16px;



    color: #999999;



    line-height: 22px;



    text-align: center;



}



.maintianInformation .selectInfo {



    margin: 0 auto;



    text-align: right;



}



.maintianInformation .selectInfo ul {



    padding-bottom: 30px;



}



.maintianInformation .selectInfo ul li {



    display: inline-block;



}



.maintianInformation .selectInfo ul li a {



    display: inline-block;



    text-align: center;



    width: 75px;



    height: 28px;



    line-height: 28px;



    font-size: 14px;



    color: #666666;



}



.maintianInformation .mian .s-leftContent {



    float: left;



    width: 556px;



    height: 528px;



    background: #FFFFFF;



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 10px;



    margin-right: 46px;



    background: #FFFFFF;



}



.maintianInformation .mian .s-leftContent img {



    display: inline-block;



    width: 100%;



    height: 313px;



}



.maintianInformation .mian .s-leftContent .infoContent {



    padding: 30px 20px;



}



.maintianInformation .mian .s-leftContent .infoContent .InfoTitle {



    font-weight: 600;



    font-size: 14px;



    color: #333333;



    line-height: 24px;



    padding-bottom: 14px;



}



.maintianInformation .mian .s-leftContent .infoContent .InfoContent {



    font-size: 12px;



    color: #666666;



    text-align: justify;



    line-height: 22px;



    margin-bottom: 20px;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



}



.maintianInformation .mian .s-leftContent .infoContent .infoTime {



    border-top: 1px solid #eee;



    position: relative;



    padding-top: 28px;



}



.maintianInformation .mian .s-leftContent .infoContent .infoTime span {



    font-size: 20px;



    color: #CCCCCC;



}



.maintianInformation .mian .s-leftContent .infoContent .infoTime i {



    position: absolute;



    right: 0px;



    text-align: right;



    display: inline-block;



    width: 20px;



    height: 12px;



    background-image: url(../images/arrowsMiniGray.png);



    background-size: 100% 100%;



}



.maintianInformation .mian .s-rightContent {



    display: inline-block;



    width: 582px;



    min-height: 523px;



}



.maintianInformation .mian .s-rightContent ul li {



    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);



    display: inline-block;



    width: 100%;



    min-height: 174px;



    border-top: 1px solid #ccc;



    padding: 46px 20px;



}



.maintianInformation .mian .s-rightContent ul li .rightContent {



    float: left;



    width: 397px;



}



.maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title {



    padding-left: 14px;



    position: relative;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 1;



    -webkit-box-orient: vertical;



    font-size: 14px;



    color: #666666;



    line-height: 24px;



}



.maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title .circle {



    margin: 9px 0px;



    position: absolute;



    left: 0;



    width: 6px;



    height: 6px;



    background: #999999;



    border-radius: 50%;



}



.maintianInformation .mian .s-rightContent ul li .rightContent p {



    padding-top: 13px;



    overflow: hidden;



    margin-left: 12px;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



    font-size: 12px;



    color: #666666;



    text-align: justify;



    line-height: 22px;



}



.maintianInformation .mian .s-rightContent ul li .leftContent {



    padding-left: 50px;



    float: left;



}



.maintianInformation .mian .s-rightContent ul li .leftContent .day {



    font-size: 24px;



    color: #CCCCCC;



    line-height: 33px;



}



.maintianInformation .mian .s-rightContent ul li .leftContent .arrows {



    margin-top: 20px;



    color: #ccc;



    text-align: right;



    border-left: 1px solid #ccc;



}



.maintianInformation .mian .s-rightContent ul li:hover {



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



}



.maintianInformation .mian .s-rightContent ul li:hover .rightContent .g-malfunction-type-li-center-title {



    color: #0248f8;



    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);



}







.Partner {



    position: relative;



}



.Partner .lineAll {



    width: 100%;



    height: 1px;



    background-color: #eee;



    position: absolute;



    top: 285px;



    z-index: 98;



}



.Partner .headline {



    font-size: 24px;



    color: #fff;



    text-align: center;



    font-weight: 500;



    padding-top: 70px;



    padding-bottom: 6px;



    line-height: 33px;



}



.Partner .subheadline {



    font-size: 16px;



    color: #fff;



    line-height: 22px;



    text-align: center;



}



.Partner .Partner-swiper {



    z-index: 99;



    position: relative;



    width: 1200px;







    margin: 0 auto;



    overflow: hidden;



    margin-top: 30px;



}



.Partner .Partner-swiper .swiper-container1 {



    padding: 0 0px 30px;



}



.Partner .Partner-swiper .swiper-wrapper {}



.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul {



    font-size: 0px;
    border-top: 1px solid #eee;
    overflow: hidden
}



.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li:nth-child(5n) {



    border-right: 1px solid #eee;



}



.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li {



    float: left;



    height: 145px;



    width: 240px !important;



    border-left: 1px solid #eee;



    border-bottom: 1px solid #eee;



    border-top: none;



}



.Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li img {



    display: inline-block;



    width: 100%;



    height: 100%;



}



.Partner .Partner-swiper .buttonFather {



    z-index: 9999;



    position: absolute;



    right: 0;



    top: 86px;



    width: 60px;



    height: 137px;



    background: #0248f8;



    border-radius: 6px;



}



.Partner .Partner-swiper .buttonFather .swiper-button-prev1,
.Partner .Partner-swiper .buttonFather .swiper-button-next1 {



    cursor: pointer;



    width: 100%;



    height: 50%;



}



.swiper-container .swiper-notification {



    position: absolute;



    left: 0;



    top: 0;



    pointer-events: none;



    opacity: 0;



    z-index: -1000;



}



/*区域电话*/



.qytel .hd ul {
    flex-wrap: wrap;
    border: 1px solid #ddd;
}



.qytel .hd li {
    /*flex:1;*/
    cursor: pointer;
    line-height: 60px;
    text-align: center;
    border-bottom: none;
    background: #fff;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    width: 33.33%;
    border-right: 1px solid #ddd
}



.qytel .hd li::after {



    content: '';
    display: none;



    width: 100%;
    height: 1px;



    background: #f5f5f5;



    bottom: -1px;
    left: 0;
    position: absolute;



    z-index: 99;



}



.qytel .hd li.on {
    background: #f5f5f5;
}



.qytel .hd li.on::after {
    display: block;
}



.qytel .hd li:nth-child(1),
.qytel .hd li:nth-child(2),
.qytel .hd li:nth-child(3) {
    border-bottom: 1px solid #ddd;
}



.qytel .hd li:last-child {
    border-right: 1px solid #ddd;
}



.qytel .hd li:nth-child(3n) {
    border-right: none;
}



.tempWrap {
    padding: 20px;
    border: 1px solid #ddd;
    background: #f5f5f5;
    border-top: none;
}



.qytel .bd ul {
    flex-wrap: wrap;
}



.qytel .bd li {
    width: 25%;
    line-height: 35px;
}



.qytel .bd li span {
    width: 25%;
    font-weight: bold;
    color: #666;
}



.qytel .bd li p {
    width: 75%;
    color: #666;
    padding-right: 10px;
}



/* 新闻 */



.category-wrp {



    width: 100%;



    height: 100%;



    display: inline-block;



}



.message-nav {



    width: auto;



    float: right;



    padding-right: 80px;



}



.message-nav .message-classify-right {



    position: relative;



    float: right;



    width: 88px;



    height: 46px;



    line-height: 46px;



    text-align: center;



    font-size: 14px;



    color: rgba(0, 0, 0, 0.65);



    border-bottom: 2px solid transparent;



    margin-right: 24px;



    cursor: pointer;



}



.message-nav .message-classify-right span {



    width: 0;



    height: 4px;



    position: absolute;



    background-color: #0248f8;



    box-sizing: border-box;



    bottom: 0;



    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);



    padding: 0;



    left: 0;



    display: block;



}



.message-nav .message-classify-right:hover {



    color: #0248f8;



}

.message-nav .active2 {
    color: #0248f8;
}



.message-nav .message-classify-right:hover span {



    width: 100%;



}

.message-nav .active2 span {
    width: 100%;
}



.message-content .item {



    padding-top: 30px;



}



.g-malfunction-type-title {



    font-size: 24px;



    color: #333333;



    font-weight: 600;



    line-height: 33px;



}



.g-malfunction-type-SubTitle {



    font-size: 24px;



    color: #CCCCCC;



    letter-spacing: 3.4px;



    line-height: 28px;



}



.g-malfunction-type-content li,
.g-malfunction-type-li li {



    transition: box-shadow .3s;



    border-bottom: 1px solid #eee;



    padding: 26px 0px;



    width: 100%;



    min-height: 199px;



    overflow: hidden;



}



.g-malfunction-type-li li .g-malfunction-type-li-left {



    overflow: hidden;



}



.g-malfunction-type-li li .g-malfunction-type-li-left img {



    width: 100%;



    height: auto;



}



.g-malfunction-type-li-center,
.g-malfunction-type-li-center {



    float: left;



    width: 708px;



    height: 100%;



    padding: 27px 56px 28px 50px;



}



.g-malfunction-type-content li .g-malfunction-type-li-right .day,
.g-malfunction-type-li li .g-malfunction-type-li-right .day {



    font-size: 24px;



    color: #999999;



    left: 29px;



}



.g-malfunction-type-content li .g-malfunction-type-li-right .year,
.g-malfunction-type-li li .g-malfunction-type-li-right .year {



    font-size: 14px;



    color: #999999;



    line-height: 17px;



    padding: 2px 0px 32px 0px;



}



.g-malfunction-type-content li .g-malfunction-type-li-right .arrows,
.g-malfunction-type-li li .g-malfunction-type-li-right .arrows {



    color: #E8E8E8;



    font-size: 26px;



    transition: color .3s;



}







.g-malfunction-type-li-left {



    float: left;



    width: 300px;



    height: 169px;



    margin: 28px 0;



}



.g-malfunction-type-li-center div {



    font-size: 16px;



    color: #333333;



    line-height: 24px;



    font-weight: 600;



    padding-bottom: 20px;



}



.g-malfunction-type-li-center p {



    font-size: 14px;



    color: #666666;



    line-height: 24px;



}



.g-malfunction-type-li li:hover {



    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.04), 0 24px 24px 0 rgba(0, 0, 0, 0.04);



    border-radius: 2px;



    transition: box-shadow .3s;



}



.g-malfunction-type-li li .g-malfunction-type-li-container {



    padding-left: 0;



    transition: padding-left .3s;







}



.g-malfunction-type-li li:hover .g-malfunction-type-li-container {



    padding-left: 20px;



    transition: padding-left .3s;



}



.g-malfunction-type-li li:hover .g-malfunction-type-li-center div {
    color: #0248f8
}



.g-malfunction-type-content-left {



    float: left;



    width: 820px;



}



.g-malfunction-type-content-right {



    border-top: 1px solid #eee;



    float: right;



    width: 320px;



}



.g-malfunction-type-content-right-header-right {
    width: 100%;
}



.g-malfunction-type-content-left .g-malfunction-type-content-left-header {



    border-top: 1px solid #eee;



    border-bottom: 1px solid #eee;



    padding: 41px 110px;



}



.g-malfunction-type-content-left .g-malfunction-type-content-left-header .title {



    font-size: 16px;



    color: #333333;



    line-height: 24px;



    text-align: center;



}



.g-malfunction-type-content-left .g-malfunction-type-content-left-header .identification {



    padding: 8px 0px 12px 0px;



}



.g-malfunction-type-content-left .g-malfunction-type-content-left-header .identification span:first-child {



    font-size: 12px;



    color: #CCCCCC;



    line-height: 22px;



    padding-right: 20px;



}



.g-malfunction-type-content-right .g-malfunction-type-content-right-header {



    box-shadow: none;



    border-bottom: 1px solid #eee;



    width: 100%;



    height: 199px;



    padding: 53px 0px;



    transition: box-shadow, border-bottom .35s;



}



.g-malfunction-type-content-right .g-malfunction-type-content-right-header .g-malfunction-type-content-right-header-left {



    float: left;



    width: 65px;



    padding-right: 10px;



    font-size: 18px;



    color: #999999;



    line-height: 24px;



}



.g-malfunction-type-content-right .g-malfunction-type-content-right-header .g-malfunction-type-content-right-header-right {



    float: left;



    width: 218px;



    padding: 0;



}



.g-malfunction-type-content .g-malfunction-type-content-left li {
    min-height: inherit
}



.g-malfunction-type-content .g-malfunction-type-content-right-header-right li {
    padding: 0;
}



.right_info_title {



    font-size: 14px;



    color: rgba(0, 0, 0, 0.85);



    line-height: 24px;



    padding-bottom: 10px;



}



.right_time {



    width: 65px;



    padding-right: 10px;



    font-size: 18px;



    color: #999999;



    line-height: 24px;



}



.right_info {
    width: calc(100% - 65px);
}



.right_info_content {



    font-size: 12px;



    color: rgba(0, 0, 0, 0.65);



    line-height: 24px;



}



.right_list a {
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
    transition: padding-left 0.5s;
}



.right_list a:hover {
    box-shadow: 0 0 10px #eee;
    padding-left: 15px;
    transition: padding-left 0.5s;
}



.right_list a:hover .right_info_title {
    color: #0248f8
}



.detail_title {
    text-align: center;
    padding: 45px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #333333;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}



.detail_title p {
    line-height: 28px;
    color: #666;
    font-size: 12px;
    font-weight: normal;
}











.whole {



    width: 100%;



    background: #333333;



    min-height: 340px;



}



.whole .g-footer1 .container1 {



    min-height: 340px;



}



.whole .g-footer1 .container1 .links {



    height: 265px;



    border-bottom: 1px solid #666666;



}



.whole .g-footer1 .container1 .links ul {



    text-align: left;



    display: inline-block;



    float: left;



    width: 177px;



    padding-top: 40px;



}



.whole .g-footer1 .container1 .links ul.right {
    width: 200px !important;
}



.whole .g-footer1 .container1 .links ul .callService {
    margin-left: 0 !important;
}



.whole .g-footer1 .container1 .links ul li {



    font-family: PingFangSC-Medium;



    font-size: 16px;



    color: #ffffff;



    letter-spacing: 0;



}



.whole .g-footer1 .container1 .links ul li a {



    display: inline-block;



    font-family: PingFangSC-Light;



    font-size: 14px;



    color: #cccccc;



    letter-spacing: 0;



    line-height: 30px;



}



.whole .g-footer1 .container1 .line {



    width: 1px;



    height: 100px;



    background: #666666;



    display: inline-block;



    margin-top: 41px;



    margin-right: 30px;



    float: left;



}



.whole .g-footer1 .container1 .links {
    margin: 0;
}



.whole .g-footer1 .container1 .links .oneselfUl {



    padding-top: 36px;



}



.whole .g-footer1 .container1 .links ul .TDqr {



    position: relative;



    left: 50%;



    transform: translateX(-50%);



    width: 94px;



    height: 94px;



    padding: 5px;



    margin-right: 0px !important;



}



.whole .g-footer1 .container1 .links ul .attention {



    font-family: PingFangSC-Regular;



    font-size: 12px;



    color: #CCCCCC;



    letter-spacing: 0;



    line-height: 17px;



    text-align: center;



}



.whole .g-footer1 .container1 .links ul .TDqr img {



    border-radius: 5px;



    display: inline-block;



    width: 100%;



    height: 100%;



}



.whole .g-footer1 .container1 .links ul .attention {



    font-family: PingFangSC-Regular;



    font-size: 12px;



    color: #CCCCCC;



    letter-spacing: 0;



    line-height: 17px;



}



.whole .g-footer1 .container1 .footerA {



    font-family: PingFangSC-Light;



    font-size: 14px;



    letter-spacing: 0;



    line-height: 60px;



    text-align: center;



}



.whole .g-footer1 .container1 .footerA a {



    color: #CCCCCC;



}



.whole .g-footer1 .container1 .footerB {



    font-family: PingFangSC-Regular;



    font-size: 14px;



    color: #FFFFFF;



    letter-spacing: 0;



    text-align: center;



    line-height: 20px;



}



.whole .g-footer1 .container1 .links ul {



    text-align: left;



    display: inline-block;



    float: left;



    width: 177px;



    padding-top: 40px;



}

@media all and (min-width:1200px) {
    .whole .g-footer1 .container1 .links ul:nth-of-type(3) {
        display: flex;
        width: 350px;
        /*height: 260px;*/
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
        padding-top: 80px;
    }
}



.whole .g-footer1 .container1 .links ul li {



    font-family: PingFangSC-Medium;



    font-size: 16px;



    color: #ffffff;



    letter-spacing: 0;



}

@media all and (min-width:1200px) {
    .whole .g-footer1 .container1 .links ul:nth-of-type(3) li:first-of-type {
        position: absolute;
        left: 0;
        top: 40px;
    }
}



.whole .g-footer1 .container1 .links ul .phoneCode {



    font-family: PingFangSC-Medium;



    font-size: 22px;



    color: #0248f8;



    letter-spacing: 0;



    padding-bottom: 4px;



}



.whole .g-footer1 .container1 .links ul .serverTime {



    font-family: PingFangSC-Regular;



    font-size: 14px;



    color: #FFFFFF;



    letter-spacing: 0;



    line-height: 20px;



    padding-top: 6px;



    margin-bottom: 28px;



}



.whole .g-footer1 .container1 .links ul .callService {



    position: relative;



    border: 1px solid #0248f8;



    width: 160px;



    height: 26px;



    line-height: 24px;



    font-size: 12px;



    color: #0248f8;



    padding: 0 45px;



    text-align: right;



    cursor: pointer;



    margin-left: 18px;



    border-radius: 5px;



}



.whole .g-footer1 .container1 .links ul .callService .serverIcon {



    display: inline-block;



    width: 16px;



    height: 16px;



    /* background: url(../images/serviceicon.png) no-repeat; */



    background-size: 100% 100%;



    position: absolute;



    top: 50%;



    left: 26%;



    transform: translateY(-50%);



}



.whole .g-footer1 .container1 .links ul .callService div {



    display: inline-block;



}



.danye_content {
    padding-top: 30px;
}



.m_banner,
.m_showFigure {
    display: none;
}



@media screen and (max-width:767px) {



    body {}



    .m_banner,
    .m_showFigure,
    .m_Partner {
        display: block;
    }



    .p_banner,
    .p_showFigure,
    .p_Partner {
        display: none;
    }



    .banners {
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 0 24px 0 rgba(0, 0, 0, 0.04);
    }



    .immediatelyOrder .i-left .i-content,



    .immediatelyOrder .i-left .i-content .i-right,



    .immediatelyOrder .i-left .i-content .c-left .l-Title {
        width: 100%;
    }



    .hot-mobile ul li .type {
        line-height: normal;
        font-size: 14px;
    }



    .hot-mobile ul li .number {
        line-height: 35px
    }



    .hot-mobile ul li .number .counter {
        font-size: 16px;
    }



    .hot-mobile ul li .number .sup {
        font-size: 18px;
        top: -5px
    }



    .hot-mobile {
        padding: 0 18px;
    }



    .hot-mobile ul {
        width: 100%;
        top: 0;
        transform: translateY(0);
        position: static;
        height: auto;
        padding: 10px 0px;
        border-radius: 5px;
    }



    .hot-mobile ul li {
        width: 49%;
    }



    .hot-mobile ul li:nth-child(3),



    .hot-mobile ul li:nth-child(4) {
        margin-top: 20px;
    }



    .immediatelyOrder {
        padding-top: 0;
        min-height: initial;
        padding-bottom: 0;
        padding: 18px;
    }



    .immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder {
        width: 100%;
    }



    .immediatelyOrder .i-left .i-content .i-right {
        height: auto;
        position: static;
        padding: 15px 10px;
    }



    .immediatelyOrder .i-left .i-content .i-right .t-title {
        text-align: center;
        margin: 0;
        padding: 15px 0;
        font-size: 18px;
    }



    .immediatelyOrder .i-left .i-content .i-right input {
        width: 100%;
    }



    .immediatelyOrder .i-left .i-content .c-left {
        padding: 10px 10px 20px;
        display: none;
    }



    .immediatelyOrder .i-left .i-content .c-left .l-Title {
        padding: 10px 0;
        font-size: 16px;
    }



    .immediatelyOrder .i-left .i-content .c-left ul li {
        padding-right: 0;
        width: 32%;
        text-align: center;
        box-sizing: border-box;
    }



    .immediatelyOrder .i-left .i-content .c-left ul li p {
        text-align: center;
        font-size: 13px
    }



    .immediatelyOrder .i-left .i-content .i-right .t-onekeyOrder {
        margin-top: 0;
    }



    .immediatelyOrder .i-left .i-content .c-left ul {
        padding-bottom: 20px;
    }



    .immediatelyOrder .i-left {
        border-radius: 10px;
    }



    .box3 {
        padding: 18px;
    }



    .box3 ul li {
        margin-bottom: 5px;
        height: 72px !important;
    }



    .box3 ul li .img {
        width: 32px;
        height: 32px;
    }



    .box3 .box-top {
        display: none;
    }



    .box3 ul li h3 {
        font-size: 12px;
        margin-top: 15px;
        color: #333;
    }



    .qytel .bd li {
        width: 50%;
        border: 1px solid #fff;
        padding-left: 5px;
        line-height: 30px;
    }



    .tempWrap {
        padding: 10px;
    }



    .qytel .bd li span {
        width: 30%
    }



    .qytel .bd li p {
        width: 70%
    }



    .qytel .bd li span,
    .qytel .bd li p {
        font-size: 12px;
        font-weight: normal
    }



    .qytel .hd li {
        line-height: 30px;
        font-size: 14px;
        font-weight: normal;
        background: #1AD3C5;
        color: #fff;
        border-color: #fff;
    }



    .qytel .hd li.on {
        background: #4cede1;
        color: #fff;
    }



    .tempWrap {
        border: none;
        background: #f5fdfd;
        padding: 0;
    }



    .showFigure {
        padding: 10px;
    }



    .showFigure ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }



    .showFigure li {
        width: 48%;
        margin-right: 0;
        margin-bottom: 10px;
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
        ;
    }



    .showFigure li img {
        width: 100%;
        height: auto;
    }



    .showFigure li p {
        padding: 0;
        font-size: 12px;
        border-radius: 5px;
        background: transparent;
        text-align: center;
        line-height: 40px
    }



    .showFigure li p.bold {
        padding: 5px;
        font-size: 14px;
        font-weight: bold;
    }



    .aboutCompany {
        height: auto;
        margin-bottom: 0;
        padding: 18px;
        /* background: url(../images/bgx.jpg) no-repeat; */
        background-size: 100%;
    }



    .aboutCompany .box {
        width: 100%;
        padding: 15px;
        position: static;
        margin: auto;
        height: auto;
        border-radius: 5px;
    }



    .aboutCompany .marginBox {
        height: auto;
    }



    .aboutCompany .box .aboutArrows {
        position: static;
        margin-top: 15px;
    }



    .maintianInformation .headline {
        padding-top: 0;
    }



    .maintianInformation .selectInfo ul {
        text-align: center;
        padding: 15px 0;
    }



    .maintianInformation .mian .s-leftContent {
        width: 100%;
    }



    .maintianInformation .mian .s-leftContent img {
        height: auto;
    }



    .maintianInformation .mian .s-rightContent {
        width: 100%;
        min-height: initial
    }



    .maintianInformation .mian .s-rightContent ul li {
        padding: 15px;
        min-height: initial
    }



    .maintianInformation .mian .s-rightContent ul li .rightContent {
        width: 100%;
    }



    .Partner .lineAll {
        position: static;
    }



    .maintianInformation .mian .s-rightContent ul li .leftContent {
        padding-left: 0;
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }



    .maintianInformation .mian .s-rightContent ul li .leftContent .arrows {
        margin-top: 5px;
        margin-left: 10px;
        border: none;
    }



    .maintianInformation .mian .s-rightContent ul li .rightContent .g-malfunction-type-li-center-title {
        font-weight: bold
    }



    .maintianInformation .mian .s-rightContent ul li .leftContent .day {
        font-size: 18px;
    }



    .hot-mobile ul li .number {
        font-size: 20px;
    }



    .hot-mobile ul li .number .sup {
        top: -10px
    }







    .banners {
        position: relative;
    }



    .banners .swiper-container .swiper-notification {
        display: block;
        z-index: 9;
        display: block;
    }



    .banners .swiper-pagination {
        display: block
    }



    .hot-mobile {
        height: 165px;
    }



    .m_showFigure {
        /* background: url(../images/bgx.jpg) no-repeat; */
        background-size: 100%;
    }



    .maintianInformation {
        display: none;
    }



    .Partner .Partner-swiper {
        width: 100%;
        height: auto;
    }



    .Partner .Partner-swiper .swiper-container1 .swiper-wrapper1 ul li {
        width: 25%;
        height: auto;
    }



    .Partner .Partner-swiper .swiper-wrapper {
        height: auto !important;
        overflow: hidden;
    }



    .m_Partner .swiper-slide {
        border-left: 1px solid #ddd;
    }



    .m_head {
        height: 60px;
        margin-top: 0;
        padding: 5px 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 99;
        background: rgba(255, 255, 255, 0.9)
    }



    .m_head img {
        max-height: 100%;
    }



    .m_head span {
        font-size: 12px;
        font-weight: bold;
        color: #333;
    }



    .qgdh {
        padding-left: 35px;
        background: url(../images/index_27.png) no-repeat left center;
        background-size: 27px;
        height: 100%;
        line-height: 30px;
        font-size: 16px;
        color: #333;
        font-weight: bold;
    }



    .Partner .headline {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 0;
        line-height: normal
    }



    .Partner .subheadline {
        font-size: 11px;
        padding-bottom: 10px
    }

    .g-content .container .message-nav {
        margin-bottom: 20px !important
    }



    .Partner .lineAll {
        display: none;
    }



    .m_Partner .swiper-slide:nth-child(odd) {
        border-bottom: 1px solid #ddd
    }



    .whole,
    .m_footer {
        display: none;
    }



    .m_whole {
        background: #f5f5f5;
        padding: 18px;
        margin-top: 5px;
    }



    .kfgzsj {
        color: #666;
        text-align: center
    }



    .kfgzsj strong {
        color: #666;
        font-weight: bold
    }



    .kfgzsj span {
        color: #666;
    }



    .kfgzsj p {
        color: #666;
        font-size: 18px;
        font-weight: bold;
    }



    .m_footer {
        height: 50px;
        background: #0248f8;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        display: flex;
        width: 100%;
        align-items: center;
        line-height: 50px;
    }



    .m_footer a {
        flex: 1;
        height: 100%;
        text-align: center;
        color: #fff;
    }



    .m_footer a+a {
        border-left: 1px solid #fff;
    }



}











.links {
    margin: 80px auto 40px;
}



.links dt {
    margin-right: 20px;
}



.links dd {
    padding-right: 20px;
    position: relative;
}



.links dd::after {



    content: '';
    display: block;



    width: 1px;
    height: 10px;
    background: #666;



    transform: rotate(15deg);
    position: absolute;



    right: 10px;
    top: 5px;
    ;



}



.links dd:nth-last-child(2)::after {
    display: none;
}



.links dd a {
    color: #666;
}







.lm_head {
    padding: 0;
    position: relative;
    text-align: center;
}



.lm_En {
    font-size: 49px;
    color: #E4E4E4;
}



.lm_Ch {
    font-size: 40px;
    color: #2E2E2E;
    margin-top: -40px;
    font-family: 'SourceHanSansCN-Bold';
    font-weight: bold;
    -webkit-text-stroke: 1px #fff;
    text-shadow: -3px 3px #ccc;
    display: inline-block;
    width: auto;
    padding: 0 20px;
}



.left_line,
.right_line {
    width: 25px;
    height: 8px;
    display: inline-block;
    background: #E80011;
    position: relative;
    top: -5px;
    position: relative;
}



.left_line {
    margin-right: 10px;
}



.right_line {
    margin-left: 10px;
}



.left_line::after {



    content: '';
    display: block;
    width: 75px;
    height: 2px;



    background: #CCCCCC;
    position: absolute;
    left: -75px;
    top: 50%;



}



.right_line::after {



    content: '';
    display: block;
    width: 75px;
    height: 2px;



    background: #CCCCCC;
    position: absolute;
    right: -75px;
    top: 50%;



}



/* 位置导航 */



.location {
    height: 55px;
    line-height: 55px;
    border-bottom: 5px solid #EDEDED;
    margin: 40px auto 30px;
    width: 100%;
}



.location_title {
    font-size: 24px;
    color: #333;
    position: relative;
}



.fk {
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
}



.fk_1 {
    background: #F0F0F0;
    top: 0;
    left: 0;
    z-index: 1;
}



.fk_2 {
    background: rgba(0, 146, 42, 0.4);
    bottom: 0;
    left: 18px;
    z-index: 2;
}



.location a,
.location span.dw {
    font-size: 12px;
    color: #777;
    padding: 0 10px
}



.location .home {
    padding-left: 10px
}



.location span.dw {
    color: #8F353B;
    font-weight: bold;
}







.left {
    width: 310px;
}



.leftHead {
    padding: 0 30px;
    height: 85px;
    background: #8F353B;
    background-size: 100% 100%;
    border-top: 4px solid #8A000A;
    line-height: 80px;
}



.left_Ch {
    font-size: 25px;
    color: #ffff;
}



.left_Ch span {
    font-size: 14px;
}



.left_En {
    font-size: 15px;
    color: #fff;
    line-height: 30px
}



.leftClass {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
}



.leftClass li {
    margin-top: 3px;
    position: relative;
    background: #EBEBEB;
}



.leftClass li::after {



    content: '';
    display: block;
    width: 5px;
    height: 100%;



    position: absolute;
    left: 0;
    top: 0;
    background: #8F353B;



    background-size: 100% 100%;



    z-index: 6;
    transition: all 0.5s
}



.leftClass a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    color: #333;
    font-size: 16px;
    z-index: 1;
    position: relative;
}



.leftClass li.on,
.leftClass li:hover {
    background: #8F353B
}



.leftClass li.on::after,
.leftClass li:hover::after {
    width: 5px;
    transition: all 0.5s;
    background: #8A000A
}



.leftClass li.on a,
.leftClass li:hover a {
    color: #fff;
}



.leftCommon_head {
    height: 50px;
    background: #8F353B;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 24px;
}



.leftContact dl,
.leftCase ul {
    padding: 25px 30px;
    border: 1px solid #CACACA;
    border-top: none;
}



.leftContact dt {
    padding-left: 60px;
    height: 45px;
    background: url(../images/case_12.png) no-repeat left center;
    background-size: 43px;
    margin-bottom: 5px;
}



.leftContact dt p {
    font-size: 14px;
    color: #333;
}



.leftContact dt strong {
    color: #8F353B;
    font-size: 24px;
    font-family: 'Arial'
}



.leftContact dd {
    padding: 7px 0;
    font-size: 14px;
    color: #666;
}



.leftCase li {
    line-height: 55px;
}



.leftCase li+li {
    border-top: 1px solid #cacaca
}



.leftCase li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    color: #666;
}



.leftCase li a:hover {
    color: #E21114;
}







.right {
    width: 825px;
}



.right .location {
    margin: 0;
}



/* 搬家案例 */



.n_case_item {
    margin-bottom: 10px;
}



.n_case_img {
    height: 158px;
    overflow: hidden;
}



.n_case_info {
    padding: 20px 0;
    color: #333;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}







/* 车型展示 */



.vehicle_banner {
    background-image: linear-gradient(#fff, #E8E9E8);
    padding-top: 30px;
    position: relative;
}



.vehicle_banner .swiper-slide {
    text-align: center;
}



.vehicle_item {
    margin-top: 30px;
}



.vehicle_head {
    height: 40px;
    line-height: 40px;
    background: #eee;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-left: 20px;
    border-left: 5px solid #F4881B;
}



.vehicle_content {
    padding: 15px 0;
    color: #666;
}







/* 服务项目 */



.server_item {
    padding: 15px;
}



.server_item a {
    border-radius: 10px;
    background: #98454B;
    height: 305px;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}



.server_icon {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: auto;
    border-radius: 50%;
}



.server_title {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-top: 20px;
}



.server_subtitle {
    font-size: 14px;
    color: #999;
    padding: 15px 0 25px;
}



.server_btn {
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    border-radius: 5px;
    width: 100px;
    line-height: 40px;
    font-size: 14px;
    display: inline-block
}



.server_item a:hover {
    background: #811B23;
}



.server_default {
    margin-top: 0;
    transition: 0.5s
}



.server_icon img {
    vertical-align: top;
}



/*.server_item:hover .server_default{margin-top:-75px;transition:0.5s}*/



/*.server_item:hover .server_hover{margin-top:-20px;}*/



.server_item:hover .server_title,



.server_item:hover .server_subtitle {
    color: #fff
}



.server_item:hover .server_btn {
    background: #fff;
    border-color: #fff;
    color: #E80012
}







/* 区域列表 */



.area_item {
    margin-top: 40px;
}



.area_head {
    height: 55px;
    line-height: 55px;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    color: #222;
    background: #d3d3d3
}



.area_content {
    padding: 30px 35px;
    border: 1px solid #d3d3d3;
}



.area_content a {
    font-size: 12px;
    color: #666;
    display: inline-block;
    padding: 0 5px;
    border-right: 1px solid #ddd;
    margin-bottom: 5px;
}







/* 关于我们 */







.qyfc {
    background: #F3F3F3;
    padding: 100px 0;
}



.server_case_content .swiper-slide {
    position: relative;
}



.server_case_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}



.server_case_content .swiper-slide {



    text-align: center;



    font-size: 18px;



    background: #fff;



    padding: 10px;



    /* Center slide text vertically */



    display: -webkit-box;



    display: -ms-flexbox;



    display: -webkit-flex;



    display: flex;



    -webkit-box-pack: center;



    -ms-flex-pack: center;



    -webkit-justify-content: center;



    justify-content: center;



    -webkit-box-align: center;



    -ms-flex-align: center;



    -webkit-align-items: center;



    align-items: center;



    transition: 300ms;



    transform: scale(1);



}



.server_case_content .swiper-slide-active,
.server_case_content .swiper-slide-duplicate-active {



    transform: scale(1.5);



}



.server_case_content .swiper-slide-prev {
    position: relative;
    right: -100px;
    z-index: 1;
}



.server_case_content .swiper-slide-next {
    position: relative;
    left: -100px;
    z-index: 1;
    transition: all 0.5s
}



.server_case_content .swiper-slide-active {
    position: relative;
    z-index: 9;
    transition: all 0.5s
}



.server_case_content .swiper-container {
    height: 480px;
    padding-top: 60px;
    transition: all 0.5s;
    margin-top: 20px;
}















.map {
    margin-top: 20px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}



.map iframe {
    width: 100%;
    height: 327px;
    border: 1px solid #ddd;
}







.product_list li:hover .product_info {
    color: #fff;
    background: #e80012
}



.product_info {
    color: #666666;
    font-size: 16px;
    background: #E2E2E2;
    text-align: center;
}







.news_item {
    padding: 25px 0;
    border-bottom: 1px solid #ddd;
}















.news_t_con {
    width: 80%
}



.news_t_con h3 {
    font-size: 18px;
    color: #333;
    padding-bottom: 10px;
}



.news_t_con p {
    font-size: 13px;
    color: #666;
    line-height: 22px;
    max-height: 44px;
    overflow: hidden;
    margin-bottom: 10px;
    line-height: 18px;
}



.news_t_con p+span {
    font-size: 12px;
    color: #666
}







.news_item:hover {
    background: rgba(226, 0, 17, 0.1)
}



.news_item:hover .news_time {



    transform: rotateY(360deg);



    transition: all 1s;



    -ms-transition: all 1s;



}



.news_item:hover .news_t_con h3 {
    color: #e80012
}



.news_img {
    width: 155px;
    background: #f5f5f5;
    height: 100%;
}











/* ============================底部============================= */



.floor {
    background: #282828;
    padding: 50px 0;
    min-height: 420px
}



.floor_box {
    align-items: flex-start;
    padding-bottom: 50px
}



.floor_box,
.fl_b_box {
    width: 1200px;
    margin: 0 auto
}



.fl_title {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    height: 40px;
}



.hot_line {
    color: #fff;
}



.fl_tel {
    color: #fff;
    line-height: 2;
    font-size: 22px;
    font-weight: bold;
}



.fl_l {
    height: 250px;
    width: 295px;
}







.fl_l,
.fl_m {
    border-right: 1px solid #535353;
    position: relative;
}



.fl_l .fl_title::after,
.fl_m .fl_title::after {



    content: '';
    display: inline-block;
    position: absolute;
    right: -1px;



    border-right: 1px solid #F4881B;
    width: 1px;
    height: 45px;



}



.fl_l ul {
    flex-wrap: wrap;
    padding-left: 0;
}



.fl_l_item {
    width: 50%;
    height: 40px;
    line-height: 40px;
}



.fl_item {
    font-size: 12px;
    color: #fff;
    line-height: 30px
}



.fl_l_item a {
    color: inherit
}



.fl_bottom {
    background: #282828;
    border-top: 1px solid #535353;
    color: #fff;
}



.fl_b_box {
    justify-content: space-between;
    color: #fff;
    height: 70px;
    line-height: 70px;
}



.fl_m {
    height: 250px;
    width: 600px;
    padding-left: 95px;
    box-sizing: border-box
}



.fl_m ul {
    margin-top: 30px;
}



.fl_r {
    height: 250px;
    width: 305px;
    padding-left: 80px;
}



.fl_r div {
    display: inline-block;
    text-align: center;
}



.fl_r img {
    padding: 5px;
    border: 1px solid #ddd;
    width: 155px;
    margin-bottom: 15px;
}











.form_list {
    width: 100%;
    margin: auto;
}



.form_list li {
    height: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}



.form_list li input {
    height: 48px;
    padding-left: 10px;
    width: 100%;
    vertical-align: top;
}



.form_list .form_textarea {
    height: 250px;
}



.form_textarea textarea {
    border: none;
    line-height: 30px;
    padding-left: 10px;
    height: 100%;
    width: 100%;
}



.submit_btn button {
    display: block;
    width: 150px;
    line-height: 50px;
    text-align: center;
    background: #085AB5;
    color: #fff;
    cursor: pointer;
    margin: 0 auto 30px
}







.news_detail_top {
    text-align: center;
    padding-bottom: 10px;
}



.news_detail_top h3 {
    color: #333
}



.news_detail_top>div {
    margin-top: 10px;
}



.news_detail_top span {
    padding-left: 20px;
    font-size: 14px;
    color: #666;
    display: inline-block;
    background-image: url(../images/shijian-xianxing.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 16px
}



.news_detail_top span+span {
    margin-left: 20px;
    background-image: url(../images/person.png)
}



.news_detailContent {
    padding-top: 10px;
    color: #666;
    font-size: 14px
}







#closeMenu,
#showMenu,
#closeSearch,
#showSearch {
    display: none;
}







.index_product_content .swiper-slide a {
    display: block;
    width: 240px;
    height: 240px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
    border: 4px solid #ddd;
}



.pro_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 100%;
}



.index_product_content .swiper-slide-active .pro_mask,



.index_product_content .swiper-slide-prev .pro_mask,



.index_product_content .swiper-slide-next .pro_mask {



    background: rgba(0, 0, 0, 0)
}



.index_product_content {
    position: relative;
    height: 475px;
    padding-top: 135px
}



.index_pro_wrap {
    background: #fff;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    position: absolute;
}



.index_product_content .swiper-button-next,



.index_product_content .swiper-button-prev {
    width: 50px;
    height: 50px;
    background: #676767;
    border-radius: 50%;
    text-align: center;
    line-height: 50px;
    color: #fff
}







.index_server {



    margin: 5px auto 35px;



    height: auto;



    position: relative;



    overflow: hidden;



}



.index_server ul li {



    width: 60px;



    height: 415px;



    float: left;



    text-align: center;



    background: cover;



}



.index_server ul li a {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    position: relative;
    height: 100%;
    overflow: hidden;
}



.index_server ul li+li {
    border-left: 1px solid #fff;
}



.index_server_info {
    height: 120px;
    padding: 10px 100px 10px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 60px);
    text-align: left;
    color: #fff;
    z-index: 0;
    background: rgba(0, 0, 0, 0.5);
}



.index_server_info h3 {
    font-size: 20px;
    padding-bottom: 10px;
}



.index_server_info div {
    font-size: 15px;
    max-height: 60px;
    overflow: hidden;
}



.text {



    display: block;



    width: 60px;



    height: 100%;



    background: url(../images/nav_bg_13.jpg), url(../images/server1_11.png) no-repeat 25px 90%;
    ;



    background-size: 100% 100%;



    color: white;



    padding: 10px;



    box-sizing: border-box;



    position: relative;
    z-index: 9;



}



.index_server ul li.on {
    width: 775px;
}



.index_server ul li.on .text {
    background: url(../images/btn_bg_03.jpg);
    background-size: 100% 100%;
}



.text p {
    float: left;
}



.text .p1 {



    padding: 0;



    font-size: 25px;



    width: 100%;



    text-align: center;



    font-weight: bold;



    color: #fff;



}



.text .p2 {



    margin-top: 24px;



    width: 100%;



    text-align: center;



    font-weight: bold;



    font-size: 25px;



    color: #fff;



}



.text .p2 span {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images/server1_06.png) no-repeat center;
    margin: 20px auto 0;
}



.m_server {
    display: none;
}



.p_server {
    margin-top: 20px;
}



.mobileNav_mask {
    display: none;
}











@media screen and (max-width:991px) {



    .mobileNav_mask {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 99
    }







    #closeMenu,
    #closeSearch {
        display: block;
        right: 10px;
        top: 15px;
        position: absolute;
    }



    #showMenu,
    #showSearch {
        display: block;
        right: 10px;
        top: 50%;
        position: absolute;
        transform: translateY(-50%)
    }



    #showSearch {
        right: 60px
    }



    .width {
        width: 100%;
    }



    .head {
        display: block;
        height: 60px;
        padding: 10px;
        position: fixed;
    }



    .logo {
        margin-top: 5px;
    }



    .logo img {
        width: 20%;
        vertical-align: middle
    }



    .logo_txt {
        padding-left: 10px;
        margin-left: 10px;
        font-size: 12px
    }



    .logo_txt strong {
        font-size: 14px
    }



    .head_ewm,
    .head_tel,



    .banners .swiper-button-next,
    .banners .swiper-button-prev {
        display: none;
    }



    .nav_box {
        height: 0;
    }



    .nav,
    .search {
        position: fixed;
        top: 0;
        right: -65%;
        width: 65%;
        height: 100%;
        z-index: 99;
        background: #000;
        margin-left: 0;
        padding-top: 50px;
        display: block;
        z-index: 100;
    }



    .search {
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 100px
    }



    .search button {
        background-color: #fff;
    }



    .nav li {
        width: 100%;
        border-bottom: 1px solid #aaa;
        text-align: left;
    }



    .nav>ul>li {
        background: transparent;
        height: auto;
        line-height: 40px;
        width: 100%;
        padding-left: 10px;
    }



    .nav>ul>li>a {
        width: 100%;
        color: #fff;
        line-height: 45px
    }



    .nav a {
        color: #fff;
        padding: 15px 30px 15px 15px;
        background-image: none;
        height: auto;
    }



    .nav ul>li:hover,
    .nav ul>li.on {
        background: transparent;
    }



    .nav ul>li.on::after,
    .nav ul>li::after,
    .nav ul>li:hover::after {
        display: none;
    }



    .twoMenu {
        background: transparent;
        display: none;
    }



    .twoMenu li {
        padding-left: 10px;
    }



    .twoMenu li a {
        font-size: 14px
    }







    .lm_head {
        padding: 20px 10px;
    }



    .lm_title {
        padding-bottom: 10px;
    }



    .lm_subtitle {
        font-size: 12px
    }



    .indexNews_l,
    .indexNews_r {
        width: 100%;
    }



    .indexNews_con {
        width: calc(100% - 80px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }



    .indexNews_con h3 {
        font-size: 14px;
        padding-bottom: 10px;
        width: 100%
    }



    .indexNews_con div {
        font-size: 12px;
        width: 100%;
    }



    .indexNews_item {
        padding: 10px 0;
    }



    .indexNews_item>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }



    .index_news_content .bd,



    .index_news_content .hd {
        padding: 10px;
    }



    .application_content .swiper-button-prev,
    .application_content .swiper-button-next {
        display: none;
    }



    .application_info {
        padding: 5px;
    }



    .application_info h3 {
        font-size: 14px;
        padding-bottom: 5px;
    }



    .application_info div {
        font-size: 12px;
    }



    .more_btn {
        margin: 10px auto;
    }



    .indexNews_r_time {
        display: none;
    }







    .index_product_content {
        height: auto;
        padding-top: 10px;
    }



    .index_product_content .swiper-slide a {
        width: 100%;
        height: auto;
    }



















    .contact_title {
        font-size: 14px;
        line-height: 25px;
        padding-bottom: 10px;
    }



    .contact_info {
        padding: 10px;
    }



    .contact_info ul,
    .contact_info div {
        float: none;
    }



    .contact_info li {
        font-size: 14px;
        line-height: 30px
    }



    .er_top_l,
    .er_top_r {
        width: 100%;
    }



    .er_top_r {
        padding: 15px 0;
    }



    .er_top_rtime {
        position: static;
        padding: 10px 0;
    }







    .ej_ssfp {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }



    .ej_ssfp li {
        width: 49%;
        margin-bottom: 10px;
    }



    .ej_ssfp_info {
        padding-top: 10px;
    }







    .ssfp_img {}



    .ssfp {
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }



    .ssfp li {
        width: 49%;
        margin-top: 10px;
    }



    .ssfp_info {
        padding: 10px 0 10px 10px;
    }



    .ssfp_info h3 {
        font-size: 14px
    }



    .ssfp_info p {
        font-size: 12px;
        line-height: 25px
    }



    .ssfp_detail {
        width: 50%;
        margin-top: 10px;
        background: #00922C;
        border-color: #00922C;
        font-size: 12px;
        line-height: 30px;
        margin: inherit
    }







    .hotNews_img {
        float: none;
    }



    .hotNews_info {
        height: auto;
        padding: 10px;
    }



    .news_item {
        padding: 20px 0
    }



    .news_item a {
        display: flex;
        width: 100%;
    }



    .news_time {
        width: 75px;
        height: 75px
    }



    .news_t_con {
        width: calc(100% - 80px);
        padding-left: 10px;
    }



    .news_time p {
        font-size: 20px
    }



    .news_time span {
        font-size: 12px
    }







    .news_t_con h3 {
        font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: 5px;
    }







    .zh_list li {
        padding: 0 5px;
    }



    .zh_img,
    .zh_info,
    .zh_time,
    .zh_detail {
        width: 50%;
        margin: 0;
        padding: 0;
        height: 75px;
        padding: 10px 0;
        overflow: hidden;
    }



    .zh_detail {
        text-align: center;
    }



    .zh_detail .box1_arrow {
        margin: auto;
    }







    .floor {
        padding: 20px 10px
    }



    .floor_box,
    .fl_l {
        flex-wrap: wrap;
    }



    .floor_box {
        padding-bottom: 5px;
    }



    .fl_b_box {
        flex-wrap: wrap;
        line-height: normal;
        height: auto;
    }



    .fl_b_box p {
        font-size: 12px;
        text-align: center;
        line-height: 30px
    }



    .fl_l {
        width: 100%;
        border: none;
        height: auto;
    }



    .fl_l .fl_title::after,
    .fl_m .fl_title::after {
        display: none;
    }



    .fl_item {
        width: 25%;
        margin: 0;
    }



    .fl_item h3 {
        padding-bottom: 0;
    }



    .fl_l ul {
        display: flex;
    }



    .fl_m ul {
        margin-top: 5px;
    }



    .hot_line {
        font-size: 16px;
    }



    .fl_tel {
        font-size: 14px
    }



    .fl_item li {
        width: 32%;
        line-height: 30px
    }



    .fl_r {
        width: 100%;
        text-align: center;
        height: auto;
        padding-left: 0;
        padding-top: 5px;
    }



    .fl_r h3 {
        display: none;
    }



    .fl_r img {
        margin: auto;
    }



    .floor_b {
        margin-top: 15px;
        padding-bottom: 15px;
    }



    .floor_b p {
        font-size: 10px;
        line-height: 22px
    }



    .fl_ewm,



    .fl_contact {
        width: 100%;
        padding-top: 10px
    }



    .fl_contact li {
        width: 100%;
    }



    .fl_ba {
        text-align: center;
        font-size: 12px;
        margin-top: 0;
    }



    .fl_ba p,
    .fl_ba div {
        float: none;
    }



    .fl_m {
        padding-left: 0;
        height: auto;
    }



    .fl_m .fl_item,
    .fl_r .fl_item {
        width: 100%;
    }







    /* 在线留言 */



    .form_list {
        width: 100%;
        padding: 10px;
    }



    .form_list li {
        line-height: 35px;
        height: 35px;
        margin-bottom: 10px;
    }



    .form_list li input {
        line-height: 33px;
        height: 33px;
    }



    .form_list .form_textarea {
        height: 150px;
    }



    .topClass {
        padding: 10px;
        display: none;
    }



    .topClass li {
        width: 33.333%;
        margin-right: 0;
    }



    .topClass li a {
        line-height: 40px;
    }



    .top_title {
        padding: 10px;
    }



    .top_title_l,
    .top_title_r {
        float: none;
    }



    .top_title_l {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }



    .top_title_l strong {
        font-size: 20px;
    }



    .top_title_l span {
        font-size: 18px
    }



    .top_title_r {
        margin-top: 5px;
    }



    .top_title_r li {
        font-size: 12px;
        margin-left: 0;
        margin-right: 10px;
    }











    .map iframe {
        height: 152px;
    }







    .main {
        padding: 20px 10px;
    }



    .right,
    .left {
        width: 100%;
        padding: 10px;
    }



    .product_list {
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
        width: 100%
    }



    .product_list .clear {
        display: none;
    }



    .product_list li {
        width: 49%;
        margin-bottom: 10px;
    }



    .product_info {
        line-height: 30px;
        font-size: 12px;
    }



    .ej_ssfp_info {
        padding: 10px;
    }



    .news_box {
        padding: 10px;
    }



    .news_img {
        width: 100px;
    }



    .news_t_con {
        width: calc(100% - 100px);
    }



    .news_t_con h3 {
        font-size: 13px
    }



    .news_t_con p {
        font-size: 12px;
        line-height: 16px;
    }



    .news_t_con p+span {
        display: none;
    }







}







@media screen and (max-width:767px) {



    .leftCommon {
        display: none;
    }



    .logo {
        height: 100%;
        padding-right: 45px;
        display: flex;
    }



    .logo img {
        width: auto;
        max-height: 100%;
    }



    .logo_txt {
        text-align: left;
        display: block;
        border-left: none;
        margin-left: 0;
    }



    .banners_entrance {
        display: none;
    }



    .head_top {
        display: none;
    }



    .banners {
        border-radius: 5px;
        overflow: hidden;
        margin: 18px;
    }



    .g-malfunction-type-li li:hover .g-malfunction-type-li-container {



        padding-left: 0;



        transition: padding-left .3s;



    }







    .p_server {
        display: none;
    }



    .m_server {
        display: block;
    }



    .p_server {
        display: none;
    }



    .m_server h3 {
        height: 40px;
        background: url(../images/nav_bg_13.jpg);
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 40px;
    }



    .m_server_info {
        position: relative;
    }



    .m_server_txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 10px;
        color: #fff;
        height: 100px;
        line-height: 20px;
    }



    .m_server_txt h4 {
        font-size: 14px;
        padding-bottom: 5px;
    }



    .m_server_txt div {
        font-size: 12px;
    }







    .floor {
        height: auto;
        min-height: auto;
    }



    .fl_l_item {
        line-height: 25px;
        height: 25px;
    }



    .fl_title {
        height: 30px;
        line-height: 30px;
    }



    .fl_l {
        margin-bottom: 20px;
    }



    .fl_r {
        width: 30%;
    }



    .fl_m {
        width: 70%;
    }



    .fl_item {
        line-height: 25px;
    }



    .hot_line {
        font-size: 14px;
    }



    .fl_b_box p {
        width: 100%;
        line-height: 22px;
    }







    .box10_r_content .bd li {
        height: 45px;
    }







    .location_title {
        font-size: 14px;
        font-weight: bold;
    }



    .location ul {
        display: none;
    }



    .location {
        line-height: 30px;
        height: 30px;
        border-bottom: 1px solid #ddd;
    }



    .vehicle_banner {
        padding-top: 10px;
        padding-bottom: 20px;
    }



    .swiper-pagination-bullet {
        width: 5px;
        height: 5px;
    }



    .vehicle_item {
        margin-top: 20px;
    }



    .right,
    .left {
        padding: 0;
    }



    .leftHead {
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
    }



    .left_Ch {
        font-size: 18px;
        color: #fff;
    }



    .leftClass a {
        height: 35px;
        line-height: 35px;
        padding-left: 10px;
        font-size: 14px;
    }







    .server_item {
        padding: 5px;
    }



    .server_icon {
        height: 65px;
        width: 65px;
        margin: 0 auto;
    }



    .server_item a {
        padding: 10px;
        height: 200px;
    }



    .server_title {
        font-size: 14px;
        margin-top: 5px;
    }



    .server_subtitle {
        font-size: 12px;
        padding: 5px 0;
    }



    .server_title {
        margin-top: 0;
    }



    .server_btn {
        line-height: 30px;
        width: 70px;
        font-size: 12px;
    }



    .main .row {
        margin: 0;
    }



    .right_content .row {
        margin: 0;
    }



    .n_case_item {
        padding: 5px;
        margin-bottom: 0;
    }



    .n_case_img {
        height: 105px;
    }



    .n_case_info {
        padding: 5px 0;
        font-size: 12px;
    }







    .qyfc {
        padding: 30px 0;
    }



    .server_case_content .swiper-container {
        padding-top: 0;
        height: auto;
    }



    .server_case_content .swiper-slide-prev {
        right: 0;
    }



    .server_case_content .swiper-slide-next {
        left: 0;
    }



    .server_case_content .swiper-slide-active,
    .server_case_content .swiper-slide-duplicate-active {
        transform: scale(1);
    }



}







@media screen and (min-width:768px) and (max-width:991px) {



    .indexNews_l,
    .indexNews_r {
        width: 50%;
        height: 355px;
    }



    .fl_l {
        width: 33%
    }



    .fl_item {
        width: 20%;
        border: none;
    }



    .fl_item li {
        width: 100%;
    }



    .fl_l+div.fr {
        width: 100%;
    }



    .fl_ewm,
    .fl_contact {
        width: 50%
    }



    .fl_contact .fl_item {
        width: 100%;
    }



    .left {
        width: 30%
    }



    .right {
        width: 70%
    }



    .head_t_box {
        display: none;
    }



    .logo {
        display: flex;
        justify-content: flex-start;
        height: 100%
    }



    .logo img {
        width: auto;
        max-height: 100%;
    }



    .head {
        height: 80px;
    }







    .logo_txt {
        text-align: left;
    }



    .fl_l,
    .fl_m,
    .fl_r {
        width: 33%;
    }



    .fl_item {
        width: 50%;
    }



    .floor {
        min-height: auto;
    }



    .leftContact dl,
    .leftCase ul {
        padding: 5px;
    }



    .leftHead {
        padding: 0 20px;
        height: 60px;
        line-height: 55px;
    }



    .leftContact dt strong {
        font-size: 14px;
    }



    .news_t_con h3 {
        padding-bottom: 0;
        font-weight: bold;
    }



    .news_detail_top h3 {
        font-size: 18px;
        font-weight: bold;
        padding-top: 10px;
    }



    .banners_entrance ul {
        justify-content: space-between;
        display: flex;
        align-items: center;
    }



    .banners_entrance li {
        width: 24%;
        padding: 5px;
    }



    .banner_enInfo {
        font-size: 16px;
    }



    .banner_enInfo p {
        font-size: 12px;
    }



    .box2_r {
        width: 100%;
        padding: 15px;
        height: auto;
    }



    .bj_input,



    .box2_r button[type="submit"] {
        height: 35px;
        margin-top: 5px;
    }



    .box3_info {
        padding: 20px;
    }



    .box3_row {
        height: 200px;
    }







    .p_server {
        display: none;
    }



    .m_server {
        display: block;
    }



    .p_server {
        display: none;
    }



    .m_server h3 {
        height: 45px;
        background: url(../images/nav_bg_13.jpg);
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 45px;
    }



    .m_server_info {
        position: relative;
    }



    .m_server_txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px;
        color: #fff;
    }



    .m_server_txt h4 {
        font-size: 14px;
        padding-bottom: 5px;
    }



    .m_server_txt div {
        font-size: 12px;
    }







    .box4_top .lm_head {
        width: 100%;
        left: 0;
        width: 100%;
        transform: translateX(0);
    }



    .box4_item {
        width: 20%;
    }



    .box4_icon {
        width: 50px;
    }



    .box4_title {
        width: calc(100% - 50px);
        padding-left: 5px;
        font-size: 16px;
    }



    .box4_info {
        padding: 5px 0;
        height: 60px;
    }



    .box5 {
        margin-top: 0;
    }



    .box7_content {
        margin-top: 0;
    }



    .box7_num {
        font-size: 90px;
    }



    .index_news_img {
        width: 150px;
    }



    .index_news_info {
        width: calc(100% - 150px);
        padding-left: 10px;
    }



    .hover_ewm,
    .m_banners {
        display: none !important;
    }



    .box6_bd_item_info {
        display: none;
    }



    .box6_bd_item_img {
        width: 100%;
    }



    .box6_top .hd li {
        height: 188px;
    }



}







@media screen and (min-width:992px) and (max-width:1199px) {



    body {
        padding-top: 0
    }



    .width {
        width: 100%;
    }



    .logo_txt {
        padding-left: 20px;
        margin-left: 20px;
        font-size: 18px;
    }







    footer {
        padding: 20px;
    }



    .fl_l {
        width: 33%
    }



    .fl_item {
        width: 32%;
        border: none;
        margin-right: 0;
    }



    .fl_item li {
        width: 100%;
    }



    .fl_l+div.fr {
        width: 100%;
    }



    .fl_ewm,
    .fl_contact {
        width: 50%
    }



    .fl_contact .fl_item {
        width: 100%;
    }



    .fl_item h3 {
        font-size: 20px
    }



    .fl_item li a,
    .fl_item li {
        font-size: 18px
    }



    .lm_head {
        padding: 10px
    }







    .left {
        width: 30%
    }



    .right {
        width: 70%
    }



    .nav ul>li {
        width: 125px;
    }



    .application_content .swiper-button-prev,
    .application_content .swiper-button-next {
        display: none;
    }



    .indexNews_con {
        width: calc(100% - 110px)
    }



    .indexNews_l {
        width: 60%
    }



    .indexNews_r {
        width: 40%
    }



    .indexNews_item {
        padding: 5px 0;
    }



    .fl_m .fl_item,
    .fl_r .fl_item {
        width: 100%;
    }







}







@media screen and (min-width:992px) and (max-width:1024px) {



    .width {
        width: 100%;
    }



    .head {
        height: 100px;
        position: fixed;
        top: 0;
        left: 0;
    }



    /* .nav{height:47px} */



    .twoMenu {
        top: 37px
    }



    .logo {
        width: 65%;
        margin-top: 0;
    }



    .head_ewm {
        padding-top: 0;
    }



    .head_tel {
        margin-top: 15px;
    }



    .banners .swiper-button-next,
    .banners .swiper-button-prev {
        display: none;
    }



    /* 应用领域 */



    .fl_l {
        width: 32%
    }



    .fl_item {
        width: 20%;
        border: none;
        margin-right: 0;
    }



    .fl_item li {
        width: 100%;
    }



    .fl_l+div.fr {
        width: 100%;
    }



    .fl_ewm,
    .fl_contact {
        width: 50%
    }



    .fl_contact .fl_item {
        width: 100%;
    }



    .fl_item h3 {
        font-size: 20px
    }



    .fl_item li a,
    .fl_item li {
        font-size: 18px
    }



    .lm_head {
        padding: 10px
    }







    .left {
        width: 30%
    }



    .right {
        width: 70%
    }







    .cglm_list li {
        width: 49%;
        padding: 20px;
    }



    .cglm_info {
        padding-left: 0;
    }



    .ssfp {
        padding: 10px;
    }



    .ssfp li {
        float: left;
        width: 49%
    }



    .ssfp li:nth-child(2n) {
        float: right;
    }



    .ssfp_detail {
        display: none;
    }



}







@media screen and (min-width:1200px) {



    .main.width {
        margin: 40px auto 20px
    }



    .lm_title {
        font-size: 40px;
    }



    .banners_entrance li {
        width: 285px;
    }



    .banners_entrance li+li {
        margin-left: 20px;
    }











    .right .location {
        margin-bottom: 30px
    }



    /* 产品中心 */



    .product_list li {
        width: 465px;
        float: left;
        margin-bottom: 20px;
    }



    .product_list li:nth-child(2n) {
        float: right;
    }



    .product_img {
        height: 225px;
    }



    .product_info {
        line-height: 45px;
    }



    .contact_info li {
        line-height: 30px;
        color: #333333;
        font-weight: bold;
    }







    .box4_content .row {
        width: 1375px;
        padding: 65px 97.5px;
        height: 445px;
        margin: 0 auto 0;
        position: relative;
        top: -145px;
    }



    .box4_item {
        width: 20%;
    }







    .box8_r_content {
        padding: 0 50px;
        width: 400px;
    }



    .box8_r_content .swiper-slide {
        width: 100% !important;
        margin: 0 auto;
        text-align: center;
    }







    .box9_item {
        width: 11.11%
    }



    /* 车型展示 */



    .vehicle_banner {
        height: 380px;
    }







    /**/



    .index_server_btn {
        position: absolute;
        right: 15px;
        width: 80px;
        line-height: 30px;
        border-radius: 5px;
        border: 1px solid #fff;
        color: #fff;
        text-align: center;
        top: 50%;
        transform: translateY(-50%);
    }



}



@media screen and (min-width:1200px) {



    .p_tel,
    .box7_l a.p_tel,
    .server_item a.p_tel {
        display: block;
    }



    .m_tel,
    .box7_l a.m_tel,
    .server_item a.m_tel {
        display: none;
    }



}



@media screen and (max-width:767px) {



    .p_tel,
    .box7_l a.p_tel,
    .server_item a.p_tel {
        display: none;
    }



    .m_tel,
    .box7_l a.m_tel,
    .server_item a.m_tel {
        display: block;
    }



}











.index_video {
    background: url(../images/pic_03.jpg) no-repeat;
    background-size: 100% 100%;
}



.index_video_content {
    height: 100%;
}



.index_video_content a {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.index_pz {
    background: url(../images/pic2_06.jpg) no-repeat;
    background-size: 100% 100%;
}



.index_pz_l p {
    font-size: 20px;
    color: #fff;
    padding-bottom: 15px;
}



.index_pz_l h3 {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 40px;
}



.index_pz_l div {
    font-size: 14px;
    color: #fff;
    line-height: 30px
}



.index_pz_r img {
    height: 100%;
}







.lm_head1 {
    background: url(../images/pic5_18.png) no-repeat center;
    background-size: 100%;
    margin: auto
}



.lm_head2 {
    background: url(../images/pic5_26.png) no-repeat center;
    background-size: 100%;
    margin: auto
}



.pz_icon {
    text-align: center;
    margin-bottom: 15px
}



.lm_ch {
    font-size: 42px;
    color: #801b23;
    font-weight: bold;
    text-align: center;
}



.lm_en {
    font-size: 12px;
    color: #801b23;
    text-align: center;
}



.lm_head2 .lm_ch,
.lm_head2 .lm_en {
    color: #fff
}







.jmtht {
    background: url(../images/pic7_02.jpg) no-repeat;
    background-size: cover;
}



.jmtht_r_item {
    background: #98454B;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 10px center;
}



.jmtht_r_item:hover {
    background-color: #811B23;
}



.jmtht_r_item a {
    height: 100%;
    flex-direction: column;
    justify-content: center;
    ;
}



.jmtht_r ul {
    flex-wrap: wrap;
    justify-content: space-around;
}







.jmtht_l p {
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    line-height: 50px;
    position: absolute;
    color: #fff;
    text-indent: 2em;
}



.jmtht_l .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    padding-right: 10px;
}







.gywm {
    background: url(../images/pic7_03.jpg) no-repeat;
    background-size: cover;
}



.zxxx {
    background: url(../images/pic7_04.jpg) no-repeat;
    background-size: cover;
}







.gywm_l {
    flex-direction: column;
    justify-content: center;
}



.gywm_l h3 {
    color: #fff;
    font-weight: bold;
}



.gywm_l div {
    color: #fff;
    line-height: 25px;
}



.ljgd {
    border-radius: 50px;
    background: #8F353B;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 40px;
}







.zxxx_l,
.zxxx_r {
    width: 50%
}



.zxxx_l_info {
    flex-direction: column;
    justify-content: center;
    padding: 0 50px 0 30px;
}



.zxxx_l_info h3 {
    font-size: 21px;
    color: #333;
    margin-bottom: 30px;
    font-weight: bold;
}



.zxxx_l_info div {
    line-height: 30px;
    color: #666
}



.zxxx_l_img,
.zxxx_l_info {
    width: 50%;
}



.zxxx_time {
    text-align: center;
    border-right: 2px solid #4D4A4A
}



.zxxx_time strong {
    font-size: 36px;
    color: #4D4A4A;
    font-weight: bold;
}



.zxxx_time div {
    font-size: 17px;
    color: #4D4A4A;
}



.zxxx_info h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    padding-bottom: 15px;
}



.zxxx_info div {
    font-size: 14px;
    color: #666;
    line-height: 25px
}



.zxxx_list a {
    display: block;
}



.zxxx_list li {
    border: 2px solid #fff;
}



@media screen and (min-width:1200px) {



    .width1 {
        width: 1700px;
        margin: 0 auto;
    }



    .index_video {
        height: auto;
        min-height: 580px;
        padding-top: 120px;
        padding-bottom: 50px
    }



    .index_pz_content {
        align-items: center;
    }



    .index_pz {
        padding: 100px 0;
        min-height: 500px
    }



    .index_pz_l {
        width: 310px;
    }



    .index_pz_r_img {
        height: 320px;
        overflow: hidden;
    }



    .index_pz_r .swiper-slide {
        width: 320px !important;
    }



    .index_pz_r {
        width: calc(100% - 320px);
        padding-left: 50px;
    }



    .index_pz_r_info {
        height: 180px;
        background: #fff;
        padding: 20px 40px;
    }







    .lm_head {
        width: 780px;
        height: 145px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }



    .lm_info {
        text-align: center;
        color: #333;
        margin: 30px 0 50px
    }



    .jmtht,
    .gywm,
    .zxxx {
        padding: 100px 0;
    }



    .jmtht_l {
        width: 720px;
    }







    .jmtht_r_item h3 {
        font-size: 26px;
        color: #fff;
        font-weight: bold;
        padding-bottom: 5px
    }



    .jmtht_r_item div {
        font-size: 14px;
        color: #fff;
        line-height: 30px;
    }



    .gywm_l h3 {
        font-size: 28px;
        margin-bottom: 15px;
    }



    .gywm_l div {
        font-size: 15px;
    }



    .gywm_content {
        padding-top: 60px
    }



    .gywm_r {
        text-align: right;
    }



    .ljgd {
        width: 180px;
        height: 40px;
        margin-top: 60px
    }



    .zxxx_info {
        padding-left: 30px;
        width: calc(100% - 145px)
    }



}



@media screen and (min-width:1700px) {



    .jmtht_r_item {
        width: 450px;
        height: 185px;
        padding: 0 50px 0 135px;
    }



    .jmtht_r {
        width: calc(100% - 720px);
        padding-left: 10px;
    }



    .jmtht_r_item:nth-child(3),



    .jmtht_r_item:nth-child(4) {
        margin-top: 25px;
    }



    .gywm_l {
        width: 805px;
    }



    .gywm_r {
        width: calc(100% - 805px)
    }



    .zxxx_list li {
        border: 2px solid #fff;
        height: 145px;
        padding: 35px
    }



    .zxxx_list a+a {
        margin-top: 12px;
    }



    .zxxx_time {
        width: 145px;
        padding: 0 20px;
    }



}



@media screen and (min-width:1200px) and (max-width:1699px) {



    .width1 {
        width: 1200px;
    }



    .jmtht_l {
        width: 500px
    }



    .jmtht_r_item {
        width: 48%;
        height: 129px
    }



    .jmtht_r_item:nth-child(3),



    .jmtht_r_item:nth-child(4) {
        margin-top: 15px;
    }



    .zxxx_list li {
        padding: 10px 25px
    }



    .zxxx_list a+a {
        margin-top: 10px;
    }



    .zxxx_time {
        padding-right: 20px;
    }



    .zxxx_info h3 {
        padding-bottom: 10px;
    }



    .zxxx_info {
        width: calc(100% - 90px);
    }



    .jmtht_r_item {
        padding-left: 100px;
        padding-right: 10px;
    }



    .jmtht_r_item h3 {
        font-size: 22px;
    }



    .jmtht_r_item div {
        line-height: 26px;
        font-size: 13px;
    }



    .gywm_l {
        width: 60%;
        padding-right: 30px;
    }



    .gywm_r {
        width: 40%
    }



    .gywm_l div {
        font-size: 13px;
        line-height: 23px;
    }



    .ljgd {
        margin-top: 15px
    }



}



@media screen and (max-width:767px) {



    .banners .swiper-pagination {
        bottom: 0;
    }



    .banners .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
    }



    .banners .swiper-pagination-bullet+.swiper-pagination-bullet {
        margin-left: 5px;
    }



    .banners .swiper-pagination-bullet-active {
        width: 12px;
        border-radius: 2px;
        background: #1AD3C5;
        border-color: #1AD3C5;
        height: 4px;
    }



    .index_pz_content {
        flex-wrap: wrap;
    }



    .index_pz {
        padding: 20px 10px;
    }



    .index_pz_l,
    .index_pz_r,
    .jmtht_l,
    .jmtht_r,
    .zxxx_l,
    .zxxx_r {
        width: 100%;
    }



    .index_pz_l h3 {
        font-size: 22px;
        margin-bottom: 10px;
    }



    .index_pz_l div {
        font-size: 12px;
        line-height: 22px;
    }



    .lm_head {
        width: 80%;
        margin: auto;
    }



    .lm_ch {
        font-size: 16px;
    }



    .lm_info {
        text-align: center;
        padding: 10px 0;
    }



    .jmtht_content,
    .zxxx_content {
        flex-wrap: wrap;
    }



    .jmtht_r ul {
        justify-content: space-between;
    }



    .jmtht_r_item {
        width: 48%;
        height: 100px;
        padding-left: 50px;
        padding-right: 10px;
        background-size: 35px
    }



    .jmtht_r_item:nth-child(3),



    .jmtht_r_item:nth-child(4) {
        margin-top: 10px;
        margin-left: 0;
    }



    .jmtht_r_item h3 {
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }



    .jmtht_r_item div {
        font-size: 13px;
        color: #fff;
    }



    .gywm_content {
        flex-wrap: wrap;
    }



    .gywm,
    .zxxx {
        padding: 20px 10px;
    }



    .gywm_l h3 {
        font-size: 18px;
        padding-top: 10px;
    }



    .ljgd {
        margin-top: 10px;
        margin-bottom: 20px;
    }







    .zxxx_time {
        width: 25%
    }



    .zxxx_info {
        width: 75%
    }



    .zxxx_list a {
        margin-top: 20px;
    }



    .zxxx_l_info {
        padding: 10px;
    }



    .zxxx_l_info h3 {
        font-size: 14px;
        margin-bottom: 10px;
    }



    .zxxx_list li {
        padding: 10px;
    }



    .zxxx_info {
        padding-left: 10px;
    }



    .zxxx_info h3 {
        padding-bottom: 5px;
    }



}







.m_footer {
    display: none;
}



.g-content .container .message-nav .message-classify a {
    display: block;
    height: 100%;
}



@media screen and (max-width:767px) {



    .m_footer {
        display: flex;
    }



    .m_Partner,
    .m_whole,
    .db_hei {
        display: block;
    }



    .mbah p {
        color: #666;
        font-size: 14px;
        font-weight: normal
    }



}



.whole .g-footer1 .container1 .links .right {
    padding-right: 0 !important
}



.whole .g-footer1 .container1 .links ul .phoneCode {
    font-size: 22px !important;
}



.whole .g-footer1 .container1 .links ul .serverTime p {
    font-size: 14px !important
}



.whole .g-footer1 .container1 .links .right {
    text-align: left !important;
    float: left !important;
}



.whole .g-footer1 .container1 .links ul .callService div {
    font-size: 12px !important
}







.left_box {
    position: fixed;
    top: 40%;
    right: 0;
    width: 48px;
    z-index: 9;
    border: 1px solid #eee;
}



.left_box li {
    height: 48px;
    width: 100%;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #fff;
    cursor: pointer;
    position: relative;
}



.left_box li+li {
    border-top: 1px solid #eee;
}



.kf_ewm {
    background-image: url(../images/code.png);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}



.kf_ewm:hover {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    background-image: url(../images/codeMain.png);
}



.returntop {
    display: none;
    background-image: url(../images/retrun.png);
}



.kf_img {
    top: 0;
    right: 48px;
    position: absolute;
    transition: all 0.5s;
    padding: 5px;
    background: #fff;
    width: 150px;
    min-height: 150px;
    border-radius: 5px;
    margin-top: -50px;
    display: none;
    border: 1px solid #eee;
    text-align: center;
    font-size: 13px;
}



.kf_img {
    margin-bottom: 5px;
}



.kf_ewm:hover .kf_img {
    right: 48px;
    display: block;
}



.danye_content {
    line-height: 26px;
    font-size: 14px;
    color: #666
}



.dede_pages {
    clear: both;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
    overflow: hidden
}

.dede_pages ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0
}

.dede_pages ul a {
    color: #555;
    display: block;
    padding: 5px 10px;
    border: 1px solid #ddd;
    float: left;
    margin: 0 5px;
}

.dede_pages ul a.page-num-current {
    background: #ddd;
}



.wenben {
    line-height: 26px;
    font-size: 14px;
    color: #666;
    padding: 30px 0
}

.wenben {
    max-width: 100%;
    height: auto !important
}



.lianx {
    line-height: 25px !important;
    font-size: 12px !important;
    color: #fff !important
}

.dhdh {
    color: #fff !important;
    font-size: 24px !important;
}

.mnav {
    display: none
}

body {
    padding-top: 60px;
}

.footerB a {
    color: #fff
}

@media screen and (max-width: 768px) {

    .immediatelyOrder {
        height: auto !important
    }

    .showFigure li {
        margin-left: 0 !important
    }

    .aboutCompany {
        background-size: cover !important
    }

    .m_head {
        background: linear-gradient(to bottom, rgb(134, 192, 243), #0248f8)
    }

    .nav_box_tel {
        display: none
    }

    .caidan {
        position: absolute;
        right: 0;
        top: 0;
    }

    .mnav {
        position: fixed;
        top: 60px;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        background: #fff;
    }

    .mnav ul {}

    .mnav ul li {
        line-height: 50px;
        border-bottom: 1px solid #ddd;
        padding: 0 10px
    }

    .mnav ul li a {
        display: block;
        color: #666;
        font-size: 16px
    }

    .g-content .container .message-content {
        width: 100% !important
    }

    .container {
        width: 100% !important;
        min-width: 100% !important
    }

    .banners {
        margin: 70px 18px 0
    }

    .banners img {
        float: left
    }

    .danye_content {
        padding-top: 0 !important
    }

    .g-content .container .message-nav {
        width: 100% !important
    }

    .g-malfunction-type-li-left {
        width: 100% !important
    }

    .g-malfunction-type-content li,
    .g-malfunction-type-li li {
        padding-left: 15px;
        padding-right: 15px
    }

    .g-malfunction-type-li-left {
        height: auto !important;
        margin: inherit !important
    }

    .g-malfunction-type-li-center,
    .g-malfunction-type-li-center {
        width: 100% !important;
        padding: 10px 0 0 0
    }

    .g-malfunction-type-li-center div {
        padding-bottom: 10px !important
    }

    .g-malfunction-type-li-right {
        display: none
    }

    .g-malfunction-type-title {
        display: none
    }

    body {
        padding-top: 0 !important
    }

    .g-content .container .message-content {
        padding-bottom: 30px !important
    }

    .g-malfunction-type-content-left {
        width: 100% !important;
        float: inherit !important
    }

    .detail_title {
        padding: 20px 15px
    }

    .wenben {
        padding: 20px 15px
    }

    .wenben img {
        max-width: 100%;
        height: auto !important
    }

    .g-malfunction-type-content-right {
        float: inherit !important;
        width: 100% !important
    }

    .right_list a {
        padding: 20px 15px
    }



}